<%@ page language="java" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
<!-- Standard Meta -->
<c:import url="../common/meda.jsp"></c:import>

<!-- Site Properties -->
<title>专业库-${sysDesc}</title>
<link rel="stylesheet" type="text/css" href="/css/semantic.css">
<link rel="stylesheet" type="text/css" href="/css/common.css">
<link rel="stylesheet" type="text/css" href="/css/major.css">

<script src="/js/jquery.min.js"></script>
<script src="/js/semantic.js"></script>
<script src="/js/common.js"></script>
<script src="//${static_server }/js/title_menu.js"></script>
<script src="/js/major_main.js"></script>

</head>
<body class="pushable">
	<c:import url="../common/title_menu.jsp"></c:import>
	<div class="pusher">
		<div id="majorheadsegment" class="ui vertical raised masthead segment">
			<div class="ui container">
				<div class="ui breadcrumb">
					<a class="section" href="http://${static_server }/"><i class="icon home"></i>首页</a>
					<div class="divider">/</div>
					<div class="active section">专业库</div>
				</div>
			</div>
			<!-- content container end -->
		</div>
		<div id="majorbodysegment" class="ui vertical masthead segment">
			<div class="ui container">
				<div class="ui stackable top attached menu">
					<a class="active item" data-tab="benke">本科专业列表</a> 
					<a class="item"	data-tab="zhuanke">专科专业列表</a>
					<div class="right menu">
						<div class="item">
							<div class="ui transparent icon input search">
								<input class="prompt" type="text" placeholder="输入专业关键字...">
								<div class="results"></div>
							</div>
						</div>
					</div>
				</div>
				<div class="ui attached active tab segment" data-tab="benke">

					<div class="ui stackable orange inverted menu">
						<c:forEach var="item" items="${descTree}" varStatus="status">
							<c:set var="key" value="${item.key}" />
							<a class='item' href="#benke_${status.index }">${key }</a>
						</c:forEach>
					</div>

					<c:forEach var="firstItem" items="${descTree}" varStatus="status">
						<c:set var="firstKey" value="${firstItem.key}" />
						<div class="schInfoSubT">
							<div class="ui teal header">
								<a name="benke_${status.index }"></a>
								${firstKey }
							</div>
						</div>
						<c:forEach var="secondItem" items="${firstItem.value }" 
							varStatus="secondStatus">
							<c:set var="secondKey" value="${secondItem.key}" />
							<div class="ui sub grey tiny block header">${secondKey }</div>
							<div class="ui stackable grid container">
								<c:forEach var="thirdItem" items="${secondItem.value }" varStatus="thirdStatus">
									<div class="four wide fitted column">
										<a class="item" href="/major/${thirdItem.description_id }/base.html" target="_blank">${ thirdItem.description_name}</a>
									</div>
								</c:forEach>
							</div>
							
						</c:forEach>
						<br />
					</c:forEach>
				</div>

				<div class="ui attached tab segment" data-tab="zhuanke"></div>
			</div>
			<!-- content container end -->
		</div>
		<!-- majorbodycontainer end -->
		<c:import url="../common/footer.jsp"></c:import>
	</div>
	<!-- pusher end -->
</body>
</html>
